@()(implicit request: RequestHeader,messages: Messages)
<style>

		.myA {
			color: #7f96ac;
			font-size: 16px;
			font-weight: 500 !important;
		}

		.myA:hover {
			color: #1890ff;
		}

		.page-actions > li.current {
			border-color: #41a4ff;
		}

		.page-actions > li {
			display: inline-block;
			line-height: 44px;
			border-bottom: 2px solid transparent;
			border-bottom-color: transparent;
		}


</style>

<div class="page-header navbar navbar-fixed-top">
		<!-- BEGIN HEADER INNER -->
	<div class="page-header-inner">
			<!-- BEGIN LOGO -->
		<div class="page-logo">
			<a href="#">
			</a>

			<div class="menu-toggler sidebar-toggler">
			</div>

		</div>

		<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		</a>

		<div class="page-actions" style="margin-left: 40px">
			<li class="" id="project">
				<span  class="btn" style="color: #7f96ac;font-size: 16px">
					<span class="hidden-sm hidden-xs">iMAP V1.0</span>
				</span>
			</li>

		</div>

		<div class="top-menu">
			<ul class="nav navbar-nav pull-right">
				<li class="dropdown dropdown-user">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
						<img alt="" class="avatarImage img-circle" src="@routes.UserController.getAvatarImage">
						<span class="username username-hide-on-mobile">
						@request.session.get("user") </span>
						<i class="fa fa-angle-down"></i>
					</a>
					<ul class="dropdown-menu" >
						<li>

						@if(messages("language")=="中文"){
							<div style="padding: 8px 0px 8px 20px" >
								@messages("wheatGrainCredit") : <span class="coin"></span>
								<span id="noSignIn" style="display: none">
									<a href="@routes.UserController.signInBefore" class="btn btn-link  btn-xs" style="margin-left: 5px;
										padding: 3px 7px">
										@messages("sign-up")</a>
								</span>
								<span id="hasSignIn">
									<button  class="btn btn-default  btn-xs" disabled style="margin-left: 5px;
										padding: 3px 7px;color: grey">
										@messages("signedIn")</button>
								</span>

							</div>
						}

						</li>
						<li>
							<a href="@routes.UserController.userProfileBefore">
								<i class="fa fa-user"></i> @messages("myProfile") </a>
						</li>
						<li>
							<a href="@routes.UserController.logout">
								<i class="fa fa-key"></i> @messages("signOut") </a>
						</li>
					</ul>
				</li>

			</ul>
		</div>
	</div>
</div>

<script>

		$(function () {
			Header.init
		})

</script>
